<!--dialog  -->
<template>
  <div class="dialog" v-if="dialogShow" catchtouchmove="true">
    <div class="mask" catchtouchmove="true"></div>
    <div class="container">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script>

export default {
  props:{
    dialogShow: {
      type: Boolean,
      default: false,
      twoWay: true
    }
  },
  methods:{
     initFun() {

     }
  },
  mounted() {
    this.initFun()
  }
}
</script>
<style lang='less' scoped>
@import '../css/chenrui.less';
.dialog {
  .wh(100%, 100%);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 19940121;
  .mask {
    .wh(100%, 100%);
    background: rgba(0, 0, 0, 0.5);
  }
  .container {
    .wh(100%, 100%);
    box-sizing: border-box;
    transition: all 2s;
    position: absolute;
    left: 0;
    top: 0;
    .flex();
  }
}
</style>
